<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"></meta>
  <meta http-equiv="X-UA-Compatible" content="IE=edge"></meta>
  <title>合同分项维护</title>
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"></meta>
  <script th:src="@{/js/pub-lib/plugins/daterangepicker/moment.js}"></script>
  <script th:src="@{/js/pub-lib/plugins/daterangepicker/daterangepicker.js}"></script>
  <script th:src="@{/js/pub-lib/icheck.min.js}"></script>
  <script th:src="@{/js/pub-lib/plugins/select2/select2.full.min.js}"></script>
  <script th:src="@{/js/pub-lib/plugins/easyui/jquery.easyui.min.mylocal.js}"></script>
  <script th:src="@{/js/pub-lib/bootstrap-datepicker.min.js}"></script>
  <script th:src="@{/js/pub-lib/bootstrap-datepicker.zh-CN.js}"></script>
  <script th:src="@{/js/pub-lib/plugins/bootstrap-validator/bootstrapValidator.min.js}"></script>
  <script type="text/javascript" src="../js/our-lib/commpent/unitselcommpent.js"></script>
  <script type="text/javascript" th:src="@{/js/our-lib/commpent/project2unit2itemcommpent.js}"></script>
  <script th:src="@{/js/our-lib/contractManage/contractService.js}"></script>
</head>
<body class="hold-transition skin-blue sidebar-mini" style="background:#f5f6f8;">
    <!--标题-->
    <section class="content-header">
      <h1>
        管理系统
        <small>合同分项维护</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="javascript:;"><i class="fa fa-home"></i>首页</a></li>
        <li><a href="javascript:;">合同管理</a></li>
        <li class="active">合同分项维护</li>
      </ol>
    </section>

    <!--内容-->
    <section class="content">
      <div class="box box-default">
        <div class="box-header with-border">
          <div class="row">
            <div class="col-md-12">

              <div class="form-inline">
                  <div class="form-group">
		              <label>所属规划：</label>
		              <select id="searchPlanProjClass" class="form-control select2"></select>
	              </div>
		            <div class="form-group">
		              <label>建设单位：</label>
		              <select id="searchDevelopOrg" class="form-control select2">
		              </select>
		            </div>
                  <div class="form-group">
                    <label>实施项目：</label>
		              <select id="searchImpleProjName" class="form-control select2">
		              </select>
                   <!--  <input type="text" class="form-control" placeholder="请输入实施项目名称" id="searchImpleProjName"/> -->
                  </div>
                  <!-- <div class="form-group">
                    <label>合同编号：</label>
                    <input type="text" class="form-control" placeholder="请输入合同编号" id="searchContractCode"/>
                  </div> -->
                  <div class="form-group">
                    <label>合同名称：</label>
                    <input type="text" class="form-control" placeholder="请输入合同名称" id="searchContractName"/>
                  </div>
                <button class="btn btn-info" id="SearchBtn"><i class="fa fa-search"></i> 查询</button>
                <!-- <button class="btn btn-border" id="ResetBtn"><i class="fa fa-refresh"></i> 重置</button> -->
              </div>
            </div>
          </div>
        </div>
        <div class="box-body">
        	<table id="contractServiceList"></table>
        </div>
      </div>
    </section>
  <div class="control-sidebar-bg"></div>

<!--合同分项增加\修改-->
<div class="modal fade  bs-example-modal-lg" id="addEditModal">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">合同分项增加/修改</h4>
      </div>
      <div class="modal-body">
      	<form role="form" id="contractServiceForm">
            <div class="row noMargin">
                <div class="col-sm-6">
                  <div class="form-group">
                    <label>合同编号：</label>
                    <input type="text" class="form-control"  disabled="disabled" id="contractCode"/>
                    <input type="text" class="form-control"  disabled="disabled" id="contractClauseId" style="display:none;"/>
                  </div>
                </div>
                <div class="col-sm-6">
                  <div class="form-group">
                    <label>合同名称：</label>
                    <input type="text" class="form-control"  disabled="disabled" id="contractName"/>
                  </div>
                </div>
                  <div class="col-sm-12">
                    <div class="form-group">
                      <label>支付条款：</label><br/>
                      <textarea class="form-control" rows="2" disabled="disabled" id="clausename"></textarea>
                    </div>
                  </div>
                  <div class="col-sm-6">
                    <div class="form-group">
                      <label>分项名称：</label>
                      <input type="text" class="form-control" id="contractItemName" name="contractItemName"/>
                      <input type="hidden" class="form-control" id="contractItemId" style="display:none;"/>
                      <input type="hidden" class="form-control" id="conItemId" style="display:none;"/>
                    </div>
                  </div>
                  <div class="col-sm-6">
                    <div class="form-group">
                      <label>数量：</label>
                      <input type="text" class="form-control" id="amount" name="amount"/>
                    </div>
                  </div>
                  <div class="col-sm-6">
                    <div class="form-group">
                      <label>单价：</label>
                      <input type="text" class="form-control" id="unitPrice" name="unitPrice"/>
                    </div>
                  </div>
                  <div class="col-sm-6">
                    <div class="form-group">
                      <label>其它费用：</label>
                      <input type="text" class="form-control" id="otherCharge" name="otherCharge"/>
                    </div>
                  </div>
                  <div class="col-sm-6">
                    <div class="form-group">
                      <label>总额：</label>
                      <input type="text" class="form-control" id="itemTotal" disabled="disabled" name="itemTotal"/>
                    </div>
                  </div>
                  <div class="col-sm-12">
                    <div class="form-group">
                      <label>备注：</label>
                      <textarea class="form-control" rows="2" placeholder="请输入备注" id="description"></textarea>
                    </div>
                  </div>
            </div>
          </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary" id="saveBtn">保存</button>
      </div>
    </div>
  </div>
</div>

<!--导入excel-->
<div class="modal fade" id="choseFileModal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">导入excel分项数据</h4>
      </div>
      <div class="modal-body">
      	<form id="folderForm" action="/InfoManageWeb/contractService/importContractItem" enctype="multipart/form-data">
            <div class="row noMargin">
                  <div class="col-sm-12">
                    <div class="form-group">
                      <label>请选择文件(只能上传.xls、.xlsx格式文件)：</label>
                      <div class="input-group">
                        <input type="text" class="form-control" disabled="disabled" id="fileName"/>
                        <input type="text" class="form-control" id="contractClauseIdUp" style="display:none;" name="contractClauseId"/>
                        <span class="input-group-btn">
                          <button class="btn btn-info file_btn" type="button">
                            选择文件
                            <input type="file" class="my_file_chose" id="choseFile" name="myFile">
                          </button>
                        </span>
                      </div>
                    </div>
                  </div>
              </div>
           </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary" id="upLoadFile">上传</button>
      </div>
    </div>
  </div>
</div>
  <div class="modal fade" id="contractClauseDetail" >
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 id="vContractClauseDetailName" class="descriptionName"></h4>
        </div>
        <div class="modal-body">
          <p id="vContractClauseDetailNameContent" class="description">
          </p>
        </div>
      </div>
    </div>
  </div>

</body>
</html>
